﻿<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta charset="utf-8" />
    <title>首页|Web开发技术-山东师范大学历山学院</title>
    <link type="text/css" href="css/globle.css" rel="stylesheet" />
    <link type="text/css" href="css/index.css" rel="stylesheet" />
    <script src="js/index.js" type="text/javascript"></script>
    <script src="js/indexs.js"></script>

</head>

<body>

    <div id="top">

        <div id="top_inner">
            <span class="smalltitle">欢迎进入<font color="#f10215">历山学院课程中心</font></span>

            <ul>
                <li>
                    <a href="#">你好，请登录</a>
                </li>
                <li>
                    <a href="#">我的课程</a>
                </li>
                <li>
                    <a href="#">校园内网</a>
                </li>
                <li>
                    <a href="#">学院新闻</a>
                </li>
                <li>
                    <a href="#">学校首页</a>
                </li>
                <li>
                    <a href="#">网站导航</a>
                </li>
            </ul>
        </div>
    </div>
    <div id="nav">
        <img src="img/logo.jpg" width="100" />
        <div id="search_box">
            <input id="search" type="text" placeholder="请搜索课程名或者老师" /><input id="btnsearch" type="button" />
            <div id="hot">
                <ul>
                    <li>
                        <a href="#" style="color: #F10215;">Web设计</a>
                    </li>

                    <li>
                        <a href="#">Java 编程</a>
                    </li>
                    <li>
                        <a href="#">SQL 数据库</a>
                    </li>
                    <li>
                        <a href="#">数据结构</a>
                    </li>
                    <li>
                        <a href="#">计算机组成原理</a>
                    </li>
                    <li>
                        <a href="#">多媒体课程设计</a>
                    </li>
                </ul>

            </div>
        </div>
        <div id="qrcode">
            <a href="javascript:void" id="phone_link">用手机访问</a>
            <img src="img/phone.png" />
        </div>
        <div id="qrcode_block">
            <img src="img/erweima.png" id="img_qrcode" height="100" />
        </div>
    </div>
    <div id="menu">
        <ul id="menu_tools">
            <li class="active">
                <a href="index.html">首页</a>
            </li>
            <li>
                <a href="teacher.html">主讲教师</a>
            </li>
            <li>
                <a href="introduce.html">实践大纲</a>
            </li>
            <li>
                <a href="project.html">实践项目</a>
            </li>
            <li>
                <a href="design.html">课程设计</a>
            </li>
            <li>
                <a href="source.html">教学资源</a>
            </li>
            <li>
                <a href="suggest.html">意见反馈</a>
            </li>
        </ul>
    </div>

    <div id="content">
        <div id="time_msg">
            <div id="time_left">
                <span>当前时间：</span><span id="time"></span>
            </div>
            <div id="time_right">
                <span>热门新闻：<img src="img/news.png" /></span>
                <marquee direction="left" style="width:400px">电子与信息工程学院成功举办软件设计大赛&nbsp;&nbsp;&nbsp;&nbsp;我校召开全国高校思想政治工作会议精神专题学习会&nbsp;&nbsp;&nbsp;&nbsp;我校成功举办第二届大学生创新创业大赛&nbsp;&nbsp;&nbsp;&nbsp;刘曙光到我校调研指导节能减排研发工作</marquee>
            </div>

        </div>
        <div class='login_banner'>
            <div class="banner_base">
                <ul class='banner'>
                    <li><img src="img/ppt01.jpg" width='700'></li>
                    <li><img src="img/ppt01.jpg" width='700'></li>
                    <li><img src="img/ppt01.jpg" width='700'></li>
                    <li><img src="img/ppt01.jpg" width='700'></li>
                    <li><img src="img/ppt01.jpg" width='700'></li>
                    <li><img src="img/ppt01.jpg" width='700'></li>
                </ul>
                <dl></dl>
            </div>

            <div class='users'>
                <img src="img/zhangjie.jpg" height='80'>
                <div class='users_info'>
                    Hello,<br>欢迎访问Web课程
                </div>
                <div class='btnlogin'>
                    <button>免费注册</button>
                    <button style='margin-left:15px;'>登录</button>
                </div>
                <div class='users_others'>
                    登录之后，即可进行课程学习，资源下载等操作。为您的学习保驾护航。
                </div>
            </div>
        </div>
        <div class='learn_line'>
            <div class='learn_box' style="border:1px solid #EE515F;">

                <div class='learn_line_img'>
                    <img src="http://s1.jikexueyuan.com/index/images/4_html5_9ab5f1c.png" height='55'>
                </div>
                <div class='learn_line_content' style='background:#EE515F;'>
                    HTML的发展与历史
                </div>
            </div>
            <div class='learn_box' style="border:1px solid #55C289;">

                <div class='learn_line_img'>
                    <img src="http://s1.jikexueyuan.com/index/images/1_android_d6730f3.png" height='55'>
                </div>
                <div class='learn_line_content' style='background:#55C289;'>
                    HTML中标签的使用
                </div>
            </div>
            <div class='learn_box' style="border:1px solid #32A3A7;">

                <div class='learn_line_img'>
                    <img src="http://s1.jikexueyuan.com/index/images/UI_a5eba34.png" height='55'>
                </div>
                <div class='learn_line_content' style='background:#32A3A7;'>
                    设计必备-CSS样式
                </div>
            </div>
            <div class='learn_box' style="border:1px solid #7894E8;">

                <div class='learn_line_img' style='padding-top:15px;padding-left:40px;width:80px;height:55px;'>
                    <img src="img/css3.png" height='40'>
                </div>
                <div class='learn_line_content' style='background:#7894E8;'>
                    CSS样式的高级使用
                </div>
            </div>
            <div class='learn_box' style="border:1px solid #959595;">

                <div class='learn_line_img' style='padding-top:15px;padding-left:40px;width:80px;height:55px;'>
                    <img src="img/js.png" height='40'>
                </div>
                <div class='learn_line_content' style='background:#959595;'>
                    JavaScript语法及基础
                </div>
            </div>
            <div class='learn_box' style="border:1px solid #42A9F4;">

                <div class='learn_line_img' style='padding-top:15px;padding-left:40px;width:80px;height:55px;'>
                    <img src="img/jquery.png" height='40'>
                </div>
                <div class='learn_line_content' style='background:#42A9F4;'>
                    JavaScript DOM操作
                </div>
            </div>
        </div>

        <div class='company'>
            <h3>合作企业</h3>
            <a class='company_link' href="#" style="background: url('img/company01.png') no-repeat center #fff;"></a>
            <a class='company_link' href="#" style="background: url('img/company02.png') no-repeat center #fff;"></a>
            <a class='company_link' href="#" style="background: url('img/company03.png') no-repeat center #fff;"></a>
            <a class='company_link' href="#" style="background: url('img/company04.png') no-repeat center #fff;"></a>
            <a class='company_link' href="#" style="background: url('img/company05.png') no-repeat center #fff;"></a>
            <a class='company_link' href="#" style="background: url('img/company01.png') no-repeat center #fff;"></a>
            <a class='company_link' href="#" style="background: url('img/company03.png') no-repeat center #fff;"></a>
            <a class='company_link' href="#" style="background: url('img/company04.png') no-repeat center #fff;"></a>
            <a class='company_link' href="#" style="background: url('img/company02.png') no-repeat center #fff;"></a>
        </div>

    </div>

    <div id="footer">
        <div id="hr"></div>
        <div id="foot_body">
            <div class="foot_qrcode">
                <div class="qrcode">
                    <img src="img/qrcode_footer.png" height="100" />

                    <div class="qr_title">
                        <h3>
                            手机访问
                        </h3>
                        <p>手机扫一扫即刻访问</p>
                    </div>
                </div>
                <div class="qrcode" style="float: right;margin-right: 100px;">
                    <img src="img/qrcode_footer.png" height="100" />

                    <div class="qr_title">
                        <h3>
                            官方微信
                        </h3>
                        <span>手机扫一扫，学校官方动态，不再错过，来体验微校园吧</span>
                    </div>
                </div>

            </div>

        </div>
        <div id="footer_content">
            <ul>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">全站地图</a></li>
                <li><a href="#">意见反馈</a></li>
                <li><a href="#">人才招聘</a></li>
                <li><a href="#">媒体报道</a></li>
            </ul>
            <br />
            <center style="margin-top: 20px;color: #666;">
                Copyright © 课程设计网 2006-2016, All Rights Reserved.
            </center>
        </div>
    </div>

    <div id="goto">
        <a href="#">
            <img src="img/top.png" width="30" border="0" />
        </a>

    </div>
</body>

</html>